<!DOCTYPE html>
<html lang="en">
<head th:include="certificateWeb/headFoot :: headerCss">
</head>
<!--<link href="/css/web/themes/about.css" rel="stylesheet">-->
<link rel="stylesheet" href="/css/certificateWeb/workNews/workNews.css">
<body id="body">
<div th:include="certificateWeb/headFoot :: header"></div>
<main id="main" style="background: #fff">
    <section class="sec_2">
        <div class="div_3" style="position: relative;margin:80px auto;width: 1120px;">
            <img style="width: 1100px" src="/img/step1.png" />
            <span class="step1 this1">申报条件</span>
            <span class="step2">填报信息</span>
            <span class="step3">信息审核</span>
            <span class="step4">在线缴费</span>
            <span class="step5">报名成功</span>
        </div>
        <div class="intro">
            <h4 style="font-weight: bold" th:text="${news.profileName}"></h4>
            <div class="mar20">
                <span class="strip"></span>
                <span style="font-weight: bold">等级：</span>
                <span th:if="${news.grade==0}">高级</span>
                <span th:if="${news.grade==1}">中级</span>
                <span th:if="${news.grade==2}">初级</span>
            </div>
            <div class="mar20">
                <span class="strip"></span>
                <span style="font-weight: bold">证书介绍：</span>
                <span th:text="${news.introduce}"></span>
            </div>
            <div class="mar20">
                <span class="strip"></span>
                <span style="font-weight: bold">相关专业：</span>
                <span th:text="${news.relatedMajors}"></span>
            </div>
            <div class="mar20">
                <span class="strip"></span>
                <span style="font-weight: bold">费考费用：</span>
                <span th:text="${news.examFee+'元'}"></span>
            </div>
            <div class="mar20">
                <span class="strip"></span>
                <span style="font-weight: bold">认证说明：</span>
                <span th:text="${batch.explain}"></span>
            </div>
            <div class="mar20">
                <span class="strip"></span>
                <span style="font-weight: bold">报名截止时间：</span>
                <span th:text="${#dates.format(batch.endTime,'yyyy-MM-dd hh:mm:ss')}"></span>
            </div>

            <div style="clear: both"></div>
        </div>
        <div style="margin:100px auto;width: 100%; height: 120px; text-align: right">
            <input type="hidden" id="batchId" th:value="${batchId}" />
                <input type="checkbox" id="check"/>&nbsp;<span style="font-size: 14px;">我已阅读</span><br>
                <a id="line">
                    <input disabled id="dis" type="button" value="下一步"
                           style="width: 140px; height: 50px; background:gray;color:#fff; border: 0px;margin: 10px 0"/></a>

        </div>
    </section>
</main>
<div th:include="certificateWeb/headFoot :: footer"></div>
</body>
<script>
    $(function () {
        var batchId = $("#batchId").val();
        $("#line").click(function () {
            $.ajax({
                type: "get",
                url:'/certificate/infoEnter?chatchId='+batchId,
                success: function (r) {
                    if (r.code == 10000) {
                        location.href = '/certificate/loginWeb';
                    }else {
                    location.href = '/certificate/infoEnter?chatchId='+batchId
                    }
                }
            })
        });
        che($('#check').prop('checked'));
        $("#check").click(function () {
            var check = $('#check').prop('checked');
            che(check)
        });
    });
    function che(check) {
        if (check == true) {
            $("#dis").attr("disabled", false);
            $("#dis").css({'background': '#005C34'});
        } else {
            $("#dis").attr("disabled", true);
            $("#dis").css({'background': 'gray'});
        }
    }
</script>
</html>